<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<title>layui</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" th:href="@{/lib/layui-v2.5.5/css/layui.css}" media="all">
		<link rel="stylesheet" th:href="@{/css/public.css}" media="all">
		<style>
			body {
            background-color: #ffffff;
        }
    </style>
	</head>
	<body>
		<form class="layui-form layuimini-form"  method="post" enctype="multipart/form-data">
			<blockquote class="layui-elem-quote">商品信息
					<div class="layui-form-item">
					<label class="layui-form-label">商品名字:</label>
					<div class="layui-input-block">
						<input type="hidden" name="merchantId" id="merchantId"  />
						<input type="text" name="name" placeholder="请填写商品名称" class="layui-input" lay-verify="required" id="name">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">商品价格:</label>
					<div class="layui-input-block">
						<input type="text" name="price" placeholder="请填写商品价格" class="layui-input" lay-verify="required" id="price">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">商品类别:</label>
					<div class="layui-input-block">
						<input type="text" name="typeId" placeholder="请填写商品类别" class="layui-input" lay-verify="required" id="typeId">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">商品成本:</label>
					<div class="layui-input-block">
						<input type="text" name="cost" placeholder="请填写商品成本" class="layui-input" lay-verify="required" id="cost">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">商品描述:</label>
					<div class="layui-input-block">
						<input type="text" name="description" placeholder="请填写商品描述" class="layui-input" lay-verify="required" id="description">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">生产商:</label>
					<div class="layui-input-block">
						<input type="text" name="manufacture" placeholder="请填写生产商" class="layui-input" lay-verify="required" id="manufacture">
					</div>
				</div>

				
				
				
				
				<button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn">提交并退出</button>

			</blockquote>
		</form>



		<script th:src="@{/lib/layui-v2.5.5/layui.js}" charset="utf-8"></script>
		<script th:src="@{/js/lay-config.js}" charset="utf-8"></script>
		<script>
			layui.use(['form'], function() {
				var form = layui.form,
					layer = layui.layer,
					$ = layui.$;
					
					
				var merchantId = "001";
				$("#merchantId").val(merchantId);
				

				//监听提交
				form.on('submit(saveBtn)', function(data) {
					$.ajax({
						url: '/addMerchantCommodity',
						method: 'POST',
						contentType: 'application/json;charset=utf-8',
						data: JSON.stringify(data.field),
						success: function(res) {
							if (res.msg === '修改商品资料成功') {
								layer.msg(res.msg + res.count + '条记录', {
									icon: 1,
									time: 1000 //5秒关闭（如果不配置，默认是3秒）
								}, function() {
									 //var iframeIndex = parent.layer.getFrameIndex(window.name);
									 //parent.layer.close(iframeIndex);
									parent.document.location.reload();
								});

							} else {
								layer.alert(res.msg);
							}

						}
					});


					return false;
				});
			});
		</script>
	</body>
</html>
